import { Pagination as AntDPagination } from 'antd';
import { CommonComponentProps } from '@/pages/lowCodeEditorPlus/interface';
import { useDrag } from 'react-dnd';
import { useSetMaterialStylesheet } from '@/pages/lowCodeEditorPlus/hooks/useSetMaterialStylesheet';

const Pagination = (props: CommonComponentProps) => {
  const  {id, name, align, styles, customClassStyle,containerUnitType} = props
  const [_, drag] = useDrag({
    type: name,
    item: {
      type: name,
      dragType: 'move',
      id,
      containerUnitType
    },
  });
  useSetMaterialStylesheet(id);
  return (
    // <AntdButton ref={drag} data-component-id={id} type={type} style={styles}>{text}</AntdButton>
    <div ref={drag} data-component-id={id}>
      <AntDPagination defaultCurrent={1} total={0} align={align}/>      
    </div>
  )
}

export default Pagination;